*{
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  /* overflow: hidden; */
  background: url('./bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

/* @media screen and (max-height : 400px){
  html{
    background: transparent;
  }
} */
body{
  height: 100%;
  /* background: transparent; */
}
#app{
  height: 100%;
  border-radius: 3px;
}
/* @media screen and (max-height : 800px){
  #app{
    overflow: hidden;
  }
} */
*::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
*::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    background: rgba(106, 106, 106, 0.2);
}
*::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 0;
    background: rgba(129, 129, 129, 0.1);
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}